import React from 'react';

import LeftMenu from './LeftMenu';
import Navbar from '../../components/Header/Header';
import TopTitle from './TopTitle';
import LeftLogo from './LeftLogo';
import Bet from './Bet';
import Intro from './Intro';
import Btm from './Btm';

const GameDetail: React.FC = () => {
  // const { isMobile, isTablet, isDesktop } = useResponsive();

  return (
    <div className="flex">
      <LeftMenu />
      <div className="flex-1 px-[24px]">
        <Navbar showExplore={false} />
        <TopTitle />
        <div className="flex">
          <LeftLogo />
          <Bet />
          <Intro />
        </div>
        <Btm />
      </div>
    </div>
  );
};

export default GameDetail;
